import React, { Component } from 'react'
import { renderRoutes } from 'react-router-config'
import { Link } from 'react-router-dom'

export default class index extends Component {
  render() {
    const route = this.props.route
    return (
      <div>
        <nav>
          <ul className="nav">
            <li>
              <Link to="/hooks/useState">useState</Link>
            </li>
            {/* <li>
              <Link to="/userInfo">用户中心</Link>
            </li> */}
          </ul>
        </nav>
        {renderRoutes(route.children)}
      </div>
    )
  }
}
